<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <script type="text/javascript" src="js/common.js"></script>
    <link href="css/user.css" tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/tour/css/style.css"
          rel="stylesheet" type="text/css"/>
</head>
<body style="background: #edf0f5;">

<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed">
        <a href="javascript:;" class="aui-navBar-item">
            <i class="icon icon-return"></i>签到赚金币
        </a>
        <div class="aui-center">
            <span class="aui-center-title"></span>
        </div>
        <a href="javascript:;" class="aui-navBar-item">
            <i class="icon icon-set"></i>
            <i class="icon icon-new"></i>
        </a>
    </header>
    <section class="aui-scrollView">
        <div class="aui-tour-content"></div>
        <div class="aui-tour-box">
            <div class="aui-tour-box-item">
                <div class="aui-tour-layout">
                    <#if user??>
                    <div class="aui-flex">
                        <div class="aui-flex-user">
                            <img src="${user.userHeadpor}"
                                 tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/tour/images/user-003.png"
                                 alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3>${user.userNickname}</h3>
                            <div style="display: none;" class="aui-flex-org">
                                <i class="icon icon-vip"></i>普通会员
                            </div>
                        </div>
                    </div>
                    <#else>
                    <div class="aui-flex">
                        <div class="aui-flex-user">
                            <img src="images/user-003.png"
                                 tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/tour/images/user-003.png"
                                 alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h3>未登录</h3>
                            <div style="display: none;" class="aui-flex-org">
                                <i class="icon icon-vip"></i>普通会员
                            </div>
                        </div>
                    </div>
                </
                #if>


                <#if user??>
                <!--
                    作者：offline
                    时间：2018-11-06
                    描述：登录后显示
                -->
                <div class="aui-palace aui-palace-one b-line">
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span>23</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>浏览历史</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span>123</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>收藏</h2>
                        </div>
                    </a>
                    <a href="hongbao" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span>9</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>红包优惠券</h2>
                        </div>
                    </a>
                </div>
                <#else>
                <!--
                    作者：offline
                    时间：2018-11-08
                    描述：未登录显示按钮
                -->
                <a href="login">
                    <button class="login_btn" type="submit">立即登录</button>
                </a>
            </
            #if>


            <div style="display: none;" class="aui-flex aui-flex-news">
                <div class="aui-flex-icon">
                    <i class="icon icon-news"></i>
                </div>
                <div class="aui-flex-box">
                    <p>您有 <em>8888元新用户大礼包</em>尚未领取</p>
                </div>
                <div class="aui-flex-arrow"></div>
            </div>
        </div>
        <div class="aui-tour-layout aui-tour-layout-pad">

            <div class="aui-palace aui-palace-two">
                <a href="javascript:;" class="aui-palace-grid">
                    <div class="aui-palace-grid-icon">
                        <img src="images/icon-head-001.png"
                             tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/tour/images/icon-head-001.png"
                             alt="">
                    </div>
                    <div class="aui-palace-grid-text">
                        <h2>待支付</h2>
                    </div>
                </a>
                <a href="javascript:;" class="aui-palace-grid">
                    <div class="aui-palace-grid-icon">
                        <img src="images/icon-head-002.png"
                             tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/tour/images/icon-head-002.png"
                             alt="">
                    </div>
                    <div class="aui-palace-grid-text">
                        <h2>待出行</h2>
                    </div>
                </a>
                <a href="javascript:;" class="aui-palace-grid">
                    <div class="aui-palace-grid-icon">
                        <img src="images/icon-head-003.png"
                             tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/tour/images/icon-head-003.png"
                             alt="">
                    </div>
                    <div class="aui-palace-grid-text">
                        <h2>待点评</h2>
                    </div>
                </a>
                <a href="javascript:;" class="aui-palace-grid">
                    <div class="aui-palace-grid-icon">
                        <img src="images/icon-head-004.png"
                             tppabs="http://www.17sucai.com/preview/1268063/2018-10-22/tour/images/icon-head-004.png"
                             alt="">
                    </div>
                    <div class="aui-palace-grid-text">
                        <h2>全部订单</h2>
                    </div>
                </a>
            </div>

        </div>

        <div class="aui-tour-layout">

            <div class="aui-tour-news">
                <a href="javascript:;" class="aui-flex b-line">
                    <div class="aui-flex-box-head">我的爱车</div>
                    <div class="aui-flex-box aui-flex-box-right">
                    </div>
                </a>
                <a href="javascript:;" class="aui-flex b-line">
                    <div class="aui-flex-box-head">消费记录</div>
                    <div class="aui-flex-box aui-flex-box-right">
                    </div>
                </a>
                <a href="javascript:;" class="aui-flex b-line">
                    <div class="aui-flex-box-head">我的收藏</div>
                    <div class="aui-flex-box aui-flex-box-right">
                    </div>
                </a>
                <a href="javascript:;" class="aui-flex b-line">
                    <div class="aui-flex-box-head">帮助中心</div>
                    <div class="aui-flex-box aui-flex-box-right">
                    </div>
                </a>
                <a href="javascript:;" class="aui-flex <#if user??>b-line</#if>">
                    <div class="aui-flex-box-head">意见反馈</div>
                    <div class="aui-flex-box aui-flex-box-right">
                    </div>
                </a>
                <#if user??>
                <a href="javascript:;" onclick="out()" class="aui-flex">
                    <div class="aui-flex-box-head">注销登录</div>
                    <div class="aui-flex-box aui-flex-box-right">
                    </div>
                </a>
            </
            #if>
        </div>

        </div>
        </div>
        </div>
    </section>

    <footer class="aui-footer">
        <a href="index" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-home"></i>
                    </span>
            <span class="aui-tabBar-item-text">首页</span>
        </a>
        <a href="javascript:;" class="aui-tabBar-item">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-find"></i>
                    </span>
            <span class="aui-tabBar-item-text">行程</span>
        </a>
        <a href="gj" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-car"></i>
                    </span>
            <span class="aui-tabBar-item-text">管家</span>
        </a>
        <a href="user" class="aui-tabBar-item aui-tabBar-item-active">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-me"></i>
                    </span>
            <span class="aui-tabBar-item-text">我的</span>
        </a>
    </footer>
</section>

<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript">
    //mui初始化
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });

    function out() {
        $.ajax({
            url: "loginout",
            type: "GET",
            dataType: "json",
            success: function (data) {
                if (data) {
                    alert('注销成功!', function () {
                        window.location.reload();
                    });
                } else {
                    alert('注销失败!', function () {
                    });
                }
            },
        })
    }
</script>
</body>
</html>
